<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>公共页面</title>
</head>

<body>
<!-- top start -->
<div class="header-top" th:fragment="top">
	<span>
		<i class="fa fa-map-marker"></i> 深圳
	</span>
    <span class="phone">
		<i class="fa fa-phone"></i> 13751162589
		<i class="fa fa-envelope"></i> erick@zchfortune.com
        <i class="fa fa-qrcode"></i> <span class="qrcode">二维码<img width="100px" src="http://qiniu.govmoney.cn/zch.jpg" alt="二维码"></span>
	</span>
</div>
<!-- top end -->


<!-- header start -->
<header class="header fixed clearfix" th:fragment="header">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <!-- header-left start -->
                <div class="header-left">
                    <div class="logo smooth-scroll">
                        <a href="index.html">
                            <img id="logo" src="/
                            zch/images/logo.png" alt="logo"/>
                        </a>
                    </div>
                </div>
                <!-- header-left end -->
            </div>

            <div class="col-md-9">
                <!-- header-right start -->
                <div class="header-right">
                    <!-- main-navigation start -->
                    <div class="main-navigation animated">
                        <!-- navbar start -->
                        <nav class="navbar navbar-default" role="navigation">
                            <div class="container-fluid">
                                <!-- Toggle get grouped for better mobile display -->
                                <div class="navbar-header">
                                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
                                        <span class="sr-only">Toggle navigation</span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                </div>
                                <!-- Collect the nav links, forms, and other content for toggling -->
                                <div class="collapse navbar-collapse scrollspy smooth-scroll" id="navbar-collapse-1">
                                    <ul id="header_navbar" class="nav navbar-nav navbar-right">
                                        <li>
                                            <a href="/identification.html">名牌认定</a>
                                        </li>
                                        <li>
                                            <a href="/application.html">项目申报</a>
                                        </li>
                                        <li>
                                            <a href="/tax.html">税务筹划</a>
                                        </li>
                                        <li>
                                            <a href="/ipo.html">上市融资</a>
                                        </li>
                                        <li>
                                            <a href="/land.html">产业用地</a>
                                        </li>
                                        <li>
                                            <a href="/about.html">关于我们</a>
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </nav>
                        <!-- navbar end -->

                    </div>
                    <!-- main-navigation end -->

                </div>
                <!-- header-right end -->

            </div>
        </div>
    </div>
</header>
<!-- header end -->


<!-- 轮播图 start -->
<div class="banner-carousel" th:fragment="carousel(carousels)">
    <div class="carousel slide" id="carousel-banner" data-ride="carousel" data-interval="5000">
        <ol class="carousel-indicators">
            <li data-target="#carousel-banner" th:each="carousel, carouselStat: ${carousels}" th:class="${carouselStat.first}?'active'" th:data-slide-to="${carouselStat.index}">
            </li>
        </ol>
        <div class="carousel-inner">
            <div th:each="carousel, carouselStat: ${carousels}" class="item" th:class="${carouselStat.first}?'item active':'item'">
                <img alt="" th:src="${carousel.img}"/>
                <!--
                <div class="carousel-caption">
                    <h4 th:text="${carousel.title}">
                    </h4>
                    <p th:text="${carousel.description}">
                    </p>
                </div>
                -->
            </div>
        </div>
        <!--
        <a class="left carousel-control" href="#carousel-674813" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="right carousel-control" href="#carousel-674813" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
        -->
    </div>
</div>
<!-- 轮播图 end -->


<!-- 一行四个块 start -->
<div class="row " th:fragment="partner(partners)">
    <div class="col-sm-6 col-md-3" th:each="partner, partnerStat: ${partners}">
        <div class="item-pad">
            <div class="item-img-box">
                <img class="item-img" th:src="${partner.img}" alt=""/>
            </div>
            <div class="item-inner">
                <div class="item-title" th:text="${partner.title}">
                </div>
                <div class="item-description" th:text="${partner.description}">
                </div>
                <a class="item-more" th:href="${partner.href}">
                    了解详情 >
                </a>
            </div>
        </div>
    </div>
</div>
<!-- 一行四个块 end -->

<!-- 一行三个块 start -->
<div class="row" th:fragment="service(services)">
    <div class="col-md-4" th:each="service, serviceStat: ${services}">
        <div class="item-pad">
            <div class="item-img-box">
                <img class="item-img" th:src="${service.img}" alt=""/>
            </div>

            <div class="item-inner">
                <div class="item-title" th:text="${service.title}">
                </div>
                <div class="item-description" th:text="${service.description}">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 一行三个块 end -->


<!-- portfolio items start -->
<div class="isotope-container row grid-space-20" th:fragment="success(cases)">
    <div th:each="case, caseStat: ${cases}" th:class="'col-sm-6 col-md-3 isotope-item ' + ${case.subtype} ">
        <div class="image-box">
            <div class="overlay-container">
                <img th:src="${case.img}" alt=""/>
                <a class="overlay" data-toggle="modal" th:data-target="'#project-'+${case.id}">
                    <i class="fa fa-search-plus"></i>
                    <span th:text="${case.title}"></span>
                </a>
            </div>
            <a class="btn btn-default btn-block" data-toggle="modal" th:data-target="'#project-'+${case.id}" th:text="${case.title}"></a>
        </div>
        <!-- Modal -->
        <div class="modal fade" th:id="'project-'+${case.id}" tabindex="-1" role="dialog" aria-labelledby="project-1-label" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">
                            <span aria-hidden="true">&times;</span>
                            <span class="sr-only">关闭</span>
                        </button>
                        <h4 class="modal-title" id="project-1-label" th:text="${case.title}"></h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-12" th:utext="${case.content}">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal end -->
    </div>
</div>
<!-- portfolio items end -->


<!-- 分页 start -->
<div th:fragment="pageNav(pageInfo, realpath, req)">
    <nav class="pagination-outer" aria-label="Page navigation">
        <ul class="pagination">
            <li class="page-item" th:if="${pageInfo.hasPreviousPage}">
                <a th:href="@{${realpath} +'/'+ ${pageInfo.prePage}+'/'+${pageInfo.pageSize}+'?req='+${req}}" class="page-link" aria-label="Previous">
                    <span aria-hidden="true">←</span>
                </a>
            </li>
            <th:block th:each="nav : ${pageInfo.navigatepageNums}">
                <li th:class="${nav==pageInfo.pageNum}?'page-item active':'page-item'">
                    <a class="page-link" th:href="@{${realpath} +'/'+ ${nav}+'/'+${pageInfo.pageSize}+'?req='+${req}}" th:text="${nav}"></a>
                </li>
            </th:block>

            <li class="page-item" th:if="${pageInfo.hasNextPage}">
                <a th:href="@{${realpath} +'/'+ ${pageInfo.nextPage}+'/'+${pageInfo.pageSize}+'?req='+${req}}" class="page-link" aria-label="Next">
                    <span aria-hidden="true">→</span>
                </a>
            </li>
        </ul>
        <div th:if="${pageInfo.size == 0}">
            无数据!!!
        </div>
    </nav>
</div>
<!-- 分页 end -->

</body>
</html>